.father_box{
    width: 99%;
    height: 80vh;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.left_box_one{
    width: 1000px;
    display: flex;
    flex-wrap: wrap;

    .left_box_son{
        width: 11vw;
        height: 5vh;
        margin: 2.2vw;
        margin-left: 0vw;

        .left_box_son_top{
            width: 10vw;
            height: 6.2vh;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.1vw solid gray;

            .left_box_son_top_avater_one{
                width: 60px;
                height: 60px;
                margin-top: -10px;
                text-align: center;
                border-radius: 50vw;
                background-image: url('../../assets/image/长舒宝.png');
                background-size: cover;
                background-position: center;
            }

            .left_box_son_top_name{
                width: 6vw;
                height: 4vh;
                margin-top: 1vh;
                line-height: 2vh;

                .left_box_son_top_name_wordTop{
                    font-size: 1vw;
                    color: #606266;
                }

                .left_box_son_top_name_wordBottom{
                    font-size: 0.7vw;
                    color: #606266;
                }
            }
        }

        .left_box_son_bottom{
            width: 100%;
            height: 6vh;

            .left_box_son_bottom_status{
                width: 90%;
                height: 3vh;
                color: white;
                font-size: 0.9vw;
                text-align: center;
                line-height: 3vh;
                margin: 0 auto;
                margin-top: 1.5vh;
                margin-left: 0.1vw;
                border-radius: 50vw;
                background-color: #55cfe4;
            }
        }
    }
}

.left_box_two{
    width: 80%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;

    .left_box_son{
        width: 11vw;
        height: 5vh;
        margin: 2.2vw;
        margin-left: 0vw;

        .left_box_son_top{
            width: 10vw;
            height: 6.2vh;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.1vw solid gray;

            .left_box_son_top_avater_two{
                width: 60px;
                height: 60px;
                margin-top: -10px;
                text-align: center;
                border-radius: 50vw;
                background-image: url('../../assets/image/dr2.png');
                background-size: cover;
                background-position: center;
            }

            .left_box_son_top_name{
                width: 6vw;
                height: 4vh;
                margin-top: 1vh;
                line-height: 2vh;

                .left_box_son_top_name_wordTop{
                    font-size: 1vw;
                    color: #606266;
                }

                .left_box_son_top_name_wordBottom{
                    font-size: 0.7vw;
                    color: #606266;
                }
            }
        }

        .left_box_son_bottom{
            width: 100%;
            height: 6vh;

            .left_box_son_bottom_status{
                width: 90%;
                height: 3vh;
                color: white;
                font-size: 0.9vw;
                text-align: center;
                line-height: 3vh;
                margin: 0 auto;
                margin-top: 1.5vh;
                margin-left: 0.1vw;
                border-radius: 50vw;
                background-color: #f683e0;
            }
        }
    }
}

.left_box_three{
    width: 80%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;

    .left_box_son{
        width: 11vw;
        height: 5vh;
        margin: 2.2vw;
        margin-left: 0vw;

        .left_box_son_top{
            width: 10vw;
            height: 6.2vh;
            display: flex;
            justify-content: space-between;
            border-bottom: 0.1vw solid gray;

            .left_box_son_top_avater_three{
                width: 60px;
                height: 60px;
                margin-top: -10px;
                text-align: center;
                border-radius: 50vw;
                background-image: url('../../assets/image/dr3.png');
                background-size: cover;
                background-position: center;
            }

            .left_box_son_top_name{
                width: 6vw;
                height: 4vh;
                margin-top: 1vh;
                line-height: 2vh;

                .left_box_son_top_name_wordTop{
                    font-size: 1vw;
                    color: #606266;
                }

                .left_box_son_top_name_wordBottom{
                    font-size: 0.7vw;
                    color: #606266;
                }
            }
        }

        .left_box_son_bottom{
            width: 100%;
            height: 6vh;

            .left_box_son_bottom_status{
                width: 90%;
                height: 3vh;
                color: white;
                font-size: 0.9vw;
                text-align: center;
                line-height: 3vh;
                margin: 0 auto;
                margin-top: 1.5vh;
                margin-left: 0.1vw;
                border-radius: 50vw;
                background-color: #f5746e;
            }
        }
    }
}

.right_box{
    width: 35%;

    .right_box_title{
        text-align: center;
        font-size: 1vw;
    }

    .right_box_oneSon{
        width: 100%;
        height: 18vh;

        .right_box_oneSon_box{
            width: 90%;
            height: 15vh;
            margin: 0 auto;

            .right_box_oneSon_box_son{
                width: 100%;
                height: 4vh;
                display: flex;
                justify-content: space-around;
                margin-top: 0.5vw;

                .right_box_oneSon_box_son_sonBox{
                    width: 48%;
                    height: 4vh;
                    display: flex;
                    justify-content: space-between;
                    background-color: #f0f0f0;

                    div{
                        height: 4vh;
                        text-align: center;
                        line-height: 4vh;
                    }
                }

                .sonThree{
                    width: 98%;
                }

                .box_left{
                    font-size: 1.2vw;
                    font-weight: 900;
                    color: #606266;
                }

                .box_right{
                    font-size: 0.8vw;
                    color: #909399;
                }
            }
        }
    }

    .right_box_twoSon{
        width: 90%;
        height: 25vh;
        margin-top: 2vh;

        .right_box_twoSon_out_box{
            width: 300px;
            height: 16vh;
            margin: 1vh auto;
            margin-left: 1vw;
            display: flex;
            flex-wrap: wrap;

            .right_box_twoSon_out_box_box{
                margin-left: 8px;
                
                .right_box_twoSon_out_box_box_son{
                    width: 8vw;
                    height: 4vh;
                    display: flex;
                    line-height: 4vh;
                    justify-content: space-between;
                    background-color: #f0f0f0;

                    .twoSon_name{
                        font-size: 0.9vw;
                        color: #606266;
                    }

                    .twoSon_number{
                        font-size: 0.7vw;
                        color: #96999f;
                    }
                }
            }
        }
    }

    .right_box_threeSon{
        width: 350px;
        height: 35vh;
        margin-top: 3vh;

        .right_box_threeSon_out_box{
            width: 90%;
            height: 5vh;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;

            .right_box_threeSon_out_box_d1{
                font-size: 0.7vw;
                line-height: 5vh;
                display: flex;
                color: #131414;

                .d1_img{
                    width: 0.8vw;
                    height: 0.8vw;
                    color: #55cfe4;
                    background-image: url('../image/ring.png');
                    background-size: cover;
                    background-position: center;
                    margin-top: 1.8vh;
                }
            }

            .right_box_threeSon_out_box_d2{
                font-size: 0.7vw;
                line-height: 5vh;
                color: #606266;
            }
        }
    }
}

.no_status{
    text-align: center;
}